<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		.head{
			background: #00a0d8;
			text-align:center;
			height: 105px;
		}
		fieldset{
			width: 980px;
			margin: 0 auto;
			border: 0;
			border-top: 1px solid #ddd;
			margin-top: 10px;
		}
		legend{
			text-align:center;
			font-size: 46px;
			padding: 0 24px;
		}
			form{
			/*border:1px solid red;*/
			height: 400px;
			width:400px;
			margin:0 auto;
		}
		input{
			width:380px;
			height: 28px;
			font-size: 12px;
			padding: 4px 12px;
			border:1px solid #ddd;
			/*轮廓*/
			outline: none;
			/*圆角*/
			border-radius: 4px;
		}
		p{
			padding: 10px 0;
		}
		.auto{
			color: blue;
			float: right;
			margin-left: 20px;
		}
	</style>
</head>
<body>
	<div class="head">
		<img src="head.png">
	</div>
	<fieldset>
		<legend>登录</legend>
	</fieldset>
	<form>
		<p>
			<input type="text" name="" placeholder="你的手机号/邮箱">
		</p>
		<p>
			<input type="" name="" placeholder="密码">
		</p>
		<p style="font-size: 10px;">
			<input type="checkbox" name="" style="width: 10px;height: 10px;background: blue;">记住我  不是自己的电脑上不要勾选此项
			<a href="auto">无法验证？</a>
			<a href="auto">忘记密码？</a>
		</p>
		<p>
			<input type="submit" name="" style="width:40%;height: 36px;background: #00a1d6;">
			<input type="submit" name="" value="注册" style="width:40%;height: 36px;background: grey;">
		</p>
	</form>
</body>
</html>